import * as React from 'react';
import { wrapSvgComponent } from '../../components/icon-wrapper';
type Props = React.SVGProps<SVGSVGElement>;
const SvgComponent = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 1042 1042"
    fill="currentColor"
    width="1em"
    height="1em"
    aria-label="twitch.svg"
    focusable={false}
    role="img"
    aria-hidden={true}
    {...props}
  >
    <defs>
      <filter
        id="a"
        width="102.3%"
        height="102.3%"
        x="-1.2%"
        y="-1.2%"
        filterUnits="objectBoundingBox"
      >
        <feOffset dy={2} in="SourceAlpha" result="shadowOffsetOuter1" />
        <feGaussianBlur
          in="shadowOffsetOuter1"
          result="shadowBlurOuter1"
          stdDeviation={2}
        />
        <feColorMatrix
          in="shadowBlurOuter1"
          result="shadowMatrixOuter1"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"
        />
        <feMerge>
          <feMergeNode in="shadowMatrixOuter1" />
          <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
    </defs>
    <g filter="url(#a)" transform="translate(9 9)">
      <path d="M185.14 112 128 254.86V797.7h171.43V912H413.7L528 797.71h142.86l200-200V112zm314.29 428.57H413.7V310.21h85.72zm200 0H613.7V310.21h85.72z" />
    </g>
  </svg>
);
/**
 * ![SvgComponent]()
 */ const Icon = wrapSvgComponent(SvgComponent);
export default Icon;
